<style>
	.top{
		display: flex;
	}
	.top-left{
		width: 35%;
		background-color: #029789;
		height: 220px;
		margin-bottom: 8px ;
		margin-right: 10px;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
	.top-right{
		width:65%;
		align-items: center;
	}
	.top_right_item{
		width: 85%;
		height: 105px;
		margin-bottom: 10px ;
		margin-right: 10px;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
	}
	.middle{
		display: flex;
		height: 80px;
	}
	.middle_item{
		width: 20%;
		height: 100px;
		margin-right: 8px;
		background-color: #FFFFFF;
		display: flex;
		justify-content: center !important;
		align-items: center;
	}
</style>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15" id="sum_info">
		<!-- 收入数据 -->
	</div>
</div>
<script id="topSum" type="text/html">
	<div class="top">
		<div class="top-left" id="top-left">
			<img style="width: auto;height: 162px;margin-right: 48px;" src="assets/images/users.png">
			<div style="width: 50%">
				<div style="display: flex;flex-direction: column;border-bottom: 2px solid #FFF;color: #FFF;margin-top: 20px;margin-right: 60px">
					<span style="font-size: 14px">总申请数量</span>
					<div style="margin-bottom: 15px;">
						<span style="font-weight: bolder;font-size: 35px;margin-right: 15px">{{d.sum_count}}</span>个
					</div>
				</div>
				<div style="display: flex;color: #FFF">
					<div style="display: flex;flex-direction: column;margin-right: 40px">
						<span style="margin-top: 20px">金额</span>
						<div style="margin-top: 8px">
							<span style="font-weight: bolder;margin-right: 8px;font-size: 22px">{{d.sum_account?d.sum_account:0.00}}</span>元
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="top-right">
			<div style="display: flex;width: 100%">
				<div class="top_right_item" id="top_right_item1">
					<img style="width: 42px;height: 46px;margin-left: 30%" src="assets/images/recharge.png">
					<div style="margin-left: 2vw;width: 6vw">
						<div style="display: flex;align-items: flex-end;margin-bottom: 5px">
							<p style="font-size: 28px;font-family: D-DIN-Bold">{{d.today_account?d.today_account:0.00}}</p>
							<p style="font-size: 1.1vw;margin-left: 5px;">元</p>
							<p style="margin-left: 8px;font-size: 28px;font-family: D-DIN-Bold">{{d.today_count}}</p>
							<p style="font-size: 1.1vw;margin-left: 5px">个</p>
						</div>
						<p style="color: #808080;font-size: 16px"> 今日新增申请 </p>
					</div>
				</div>
				<div class="top_right_item" id="top_right_item2" style="margin-right: 0">
					<img style="width: 42px;height: 46px;margin-left: 30%" src="assets/images/users.png">
					<div style="margin-left: 2vw;width: 6vw">
						<div style="display: flex;align-items: flex-end;margin-bottom: 5px">
							<p style="font-size: 28px;font-family: D-DIN-Bold">{{d.today_check_info}}</p>
							<p style="font-size: 1.1vw;margin-left: 5px">个</p>
						</div>
						<p style="color: #808080;font-size: 16px"> 待二级单位审批</p>
					</div>
				</div>
			</div>
			<div style="display: flex;width: 100%">
				<div class="top_right_item" id="top_right_item3">
					<img style="width: 42px;height: 46px;margin-left: 30%" src="assets/images/recharge.png">
					<div style="margin-left: 2vw;width: 6vw">
						<div style="display: flex;align-items: flex-end;margin-bottom: 5px">
							<p style="font-size: 28px;font-family: D-DIN-Bold">{{d.today_wait_supplement}}</p>
							<p style="font-size: 1.1vw;margin-left: 5px;">个</p>
						</div>
						<p style="color: #808080;font-size: 16px"> 待制定转化方式 </p>
					</div>
				</div>
				<div class="top_right_item" id="top_right_item4" style="margin-right: 0">
					<img style="width: 42px;height: 46px;margin-left: 30%" src="assets/images/index_msg.png">
					<div style="margin-left: 2vw;width: 6vw">
						<div style="display: flex;align-items: flex-end;margin-bottom: 5px">
							<p style="font-size: 28px;font-family: D-DIN-Bold">{{d.today_wait_money}}</p>
							<p style="font-size: 1.1vw;margin-left: 5px;">个</p>
						</div>
						<p style="color: #808080;font-size: 16px"> 待定价 </p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="middle" id="middle">
		<div class="middle_item">
			<img style="width: 53px;height: 58px;" src="assets/images/users.png">
			<div style="display: flex;flex-direction: column;width: 30%;margin-left: 70px">
				<div style="display: flex;align-items: center;margin-right: 10px">
					<span style="margin-right: 10px;font-weight: bolder;font-size: 24px"> {{d.today_money_check}} </span>
					<span> 个 </span>
				</div>
				<span style="color: #878787">待金额审批</span>
			</div>
		</div>
		<div class="middle_item">
			<img style="width: 53px;height: 58px;" src="assets/images/shop.png">
			<div style="display: flex;flex-direction: column;width: 30%;margin-left: 70px">
				<div style="display: flex;align-items: center;margin-right: 10px">
					<span style="margin-right: 10px;font-weight: bolder;font-size: 24px"> {{d.today_publicity}} </span>
					<span> 个 </span>
				</div>
				<span style="color: #878787">待交易公示</span>
			</div>
		</div>
		<div class="middle_item">
			<img style="width: 53px;height: 58px;" src="assets/images/logistics.png">
			<div style="display: flex;flex-direction: column;width: 30%;margin-left: 70px">
				<div style="display: flex;align-items: center;margin-right: 10px">
					<span style="margin-right: 10px;font-weight: bolder;font-size: 24px"> {{d.today_wait_conversion}} </span>
					<span> 个 </span>
				</div>
				<span style="color: #878787">待评估</span>
			</div>
		</div>
		<div class="middle_item">
			<img style="width: 53px;height: 58px;" src="assets/images/index_msg.png">
			<div style="display: flex;flex-direction: column;width: 30%;margin-left: 70px">
				<div style="display: flex;align-items: center;margin-right: 10px">
					<span style="margin-right: 10px;font-weight: bolder;font-size: 24px"> {{d.today_wait_sign}} </span>
					<span> 条 </span>
				</div>
				<span style="color: #878787">待签订合同</span>
			</div>
		</div>
		<div class="middle_item">
			<img style="width: 53px;height: 58px;" src="assets/images/index_msg.png">
			<div style="display: flex;flex-direction: column;width: 30%;margin-left: 70px">
				<div style="display: flex;align-items: center;margin-right: 10px">
					<span style="margin-right: 10px;font-weight: bolder;font-size: 24px"> {{d.today_complete}} </span>
					<span> 个 </span>
				</div>
				<span style="color: #878787">已完成</span>
			</div>
		</div>
		<div class="middle_item" >
			<img style="width: 53px;height: 58px;" src="assets/images/index_msg.png">
			<div style="display: flex;flex-direction: column;width: 30%;margin-left: 70px">
				<div style="display: flex;align-items: center;margin-right: 10px">
					<span style="margin-right: 10px;font-weight: bolder;font-size: 24px"> {{d.intellectual_filings}} </span>
					<span> 个 </span>
				</div>
				<span style="color: #878787">待国家知识产权局备案</span>
			</div>
		</div>
		<div class="middle_item"  style="margin-right: 0">
			<img style="width: 53px;height: 58px;" src="assets/images/index_msg.png">
			<div style="display: flex;flex-direction: column;width: 30%;margin-left: 70px">
				<div style="display: flex;align-items: center;margin-right: 10px">
					<span style="margin-right: 10px;font-weight: bolder;font-size: 24px"> {{d.market_registration}} </span>
					<span> 个 </span>
				</div>
				<span style="color: #878787">待技术市场登记</span>
			</div>
		</div>
	</div>
</script>

<script type="text/html" id="indexMapForm">
	<form lay-filter="indexMapForm" class="layui-form model-form">
		<div id="indexMapLarge"></div>
	</form>
</script>

<script type="text/javascript">
	layui.use(['jquery', 'laydate', 'form', 'table', 'element','laytpl', 'layer'], function() {
		var $ = layui.jquery;
		var table = layui.table;
        var element = layui.element;
        var laytpl = layui.laytpl;
        var layer = layui.layer;
        var form = layui.form;
        var admin = layui.admin;

		layer.load(2);
        $.post(serverUrlAdmin + 'Count/getSumInfo', {}, function (res) {
            layer.closeAll('loading');
            if (res.success === true) {
				var detail = document.getElementById('topSum');
				var getLoadTpl = detail.innerHTML;
				var detailView = document.getElementById('sum_info');
				laytpl(getLoadTpl).render(res.obj, function(html){
					detailView.innerHTML = html;
				});
				$('#shop_count').html(res.obj.sum_shop_num)
            }
        },'json');
    })
</script>
